<template>
  <div class="no-import" v-if="props.showDialog">
    <Dialog
      diaTop="6"
      headerName="提示"
      :showDialog="true"
      @close="close"
      @save="save"
      saveLetter="确定"
      diaWidth="46"
      footerTop="32"
      footerBtm="20"
      :footerShow="false"
    >
      <template #content>
        <div class="content-wrap">
          <div class="title">
            导入成功{{
              filterEnterprise.num_enterprise_success
            }}个企业，导入失败{{ filterEnterprise.num_enterprise_fail }}个企业
          </div>
          <h3 class="h3" v-if="filterEnterprise.enterprise_fail.length > 0">
            以下企业未导入，请确认企业名称后重新导入
          </h3>
          <div
            class="wrap"
            style="
              display: flex;
              flex-wrap: wrap;
              justify-content: space-around;
            "
          >
            <div
              class="enterprise"
              v-for="(item, index) in filterEnterprise.enterprise_fail"
              :key="index"
            >
              <el-tooltip
                class="box-item"
                effect="dark"
                :content="item.customername"
                placement="top-start"
              >
                {{ item.customername }}
              </el-tooltip>
            </div>
          </div>
        </div>
      </template>
    </Dialog>
  </div>
</template>
<script setup>
import Dialog from "@/components/DialogCross";
import Upload from "@/components/Upload";
let props = defineProps(["showDialog", "filterEnterprise"]);
let emit = defineEmits(["update:showDialog", "save", "close"]);
import http from "@http";
let params = reactive({});
let formRef = ref(null);
let formData = reactive({});
let urgencyLevel = ref([]);
let close = () => {
  emit("save");
};

let save = () => {
  emit("save");
};
</script>
<style lang="scss" scoped>
/* 编辑企业详情页面 */
.no-import {
  .content-wrap {
    padding-right: 30px;
    padding-bottom: 20px;

    .h3 {
      font-size: 20px;
      padding-left: 12px;

      margin-top: 30px;
      color: red;
    }
    .title {
      font-size: 20px;
      padding-left: 12px;

      margin-top: 30px;
    }
    .wrap {
      .enterprise {
        color: #000;
        font-size: 20px;
        margin-top: 30px;
        width: 240px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }
    }

    .facility-code {
      img {
        width: 182px;
        height: 226px;
      }
    }
    .img-wrap {
      width: 344px;
      height: 103px;
      background: #f7f7f7;
      border-radius: 5px;
      border: 1px solid #bfbfbf;
      display: flex;
      justify-content: center;
      align-items: center;
      .content {
        button {
          margin-top: 5px;
          font-family: Source Han Sans CN;
          font-weight: 500;
          font-size: 20px;
          color: #0874fa;
        }
        img {
        }
      }
    }
  }

  :deep(.el-form-item__label) {
    font-family: Source Han Sans CN;
    font-weight: 500 !important;
    font-size: 20px !important;
    color: #000 !important;
  }
  :deep(.el-input) {
    width: 100%;

    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #666666 !important;
  }
  :deep(.el-select) {
    width: 100% !important;

    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #666666 !important;
  }
  :deep(.el-input__inner) {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #333;
  }
  :deep(.el-input) {
    width: 100% !important;
  }
  :deep(.el-input__wrapper, .el-textarea__inner) {
    box-shadow: none;
    font-family: Source Han Sans CN;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #666666 !important;
    background: #fff !important;
    border-radius: 5px !important;
    border: 1px solid #bfbfbf !important;

    height: 37px !important;
  }
  :deep(.el-input__inner::placeholder) {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
  }
  :deep(.el-icon) {
    font-size: 19px;
  }
}
</style>
